/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */
@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px) {
  html {
    font-size: 13.33333vw;
  }
  body {
    -webkit-text-size-adjust: none !important;
    min-width: 100%;
    width: 100%;
    font-size: 13.33333vw;
    font-size: .24rem;
  }
  .w1180 {
    width: 100%;
  }
  .banner_top {
    display: block;
    position: relative;
    height: 1.5rem;
    background-image: url(../images/banner_xyddesd_cn.png);
    background-image: url(../images/banner_xyddesd_cn_celebrate.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner_top a.ztlink {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
  }
  .p1 {
    width: 100%;
    height: auto;
    background-image: url(../images/back1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .top {
    width: 100%;
    height: .5rem;
    background: #830000;
  }
  .top_list {
    width: 100%;
    height: .5rem;
  }
  .top_list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
  }
  .top_list ul li {
    float: none;
    font-size: .24rem;
    line-height: .5rem;
    text-align: left;
    margin-left: 0;
  }
  .top_left {
    float: left;
  }
  .top_right {
    display: none;
  }
  .p1_logo_literature {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    overflow: visible;
  }
  .p1_logo {
    float: left;
    width: 3.32rem;
    height: 1.07rem;
    margin: 0rem 0;
    position: absolute;
    top: .1rem;
    left: .1rem;
  }
  .p1_logo img {
    width: 3.32rem;
    height: 1.07rem;
  }
  .p1_literature {
    float: none;
    width: 100%;
    height: auto;
    margin: 0rem 0;
  }
  .p1_literature > ul {
    width: 100%;
    height: .6rem;
    background: #f9c418;
    margin-top: .6rem;
    text-align: center;
    display: flex;
    justify-content: space-around;
  }
  .p1_literature > ul li {
    display: inline-block;
    font-weight: 700;
    font-size: .24rem;
    line-height: .6rem;
    overflow: hidden;
    background: url(../images/line.png) right no-repeat;
    padding: 0 0.1rem 0 0;
  }
  .p1_search {
    box-sizing: border-box;
    width: 2.47rem;
    height: .35rem;
    background: #ffffff;
    border: 1px solid #f9c418;
    margin-top: .4rem;
    margin-right: .2rem;
  }
  .p1_search input {
    float: left;
    width: 1.78rem;
    height: .35rem;
    background-color: #fff;
    border: 0;
    outline: none;
    text-indent: .5em;
    vertical-align: top;
  }
  .p1_search div {
    width: .64rem;
    height: .35rem;
    background: #f9c418;
    font-weight: 500;
    font-size: .24rem;
    line-height: .35rem;
    text-align: center;
    color: #77351e;
    float: right;
    vertical-align: middle;
  }
  .p1_nav {
    width: 100%;
    height: 0.8rem;
    padding: .08rem 0;
    background: #c93b37;
    overflow: visible;
  }
  .p1_nav > ul {
    box-sizing: border-box;
    width: 100%;
    height: 0.8rem;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    padding-left: 1.0rem;
  }
  .p1_nav > ul li {
    float: left;
    margin-left: 0;
    padding: 0 .25rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #ffffff;
  }
  .p1_nav > ul li:first-child {
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: .8rem;
    line-height: .8rem;
  }
  .p1_nav ul li.top_menu {
    position: relative;
  }
  .p1_nav ul li.top_menu div.two_menu {
    display: none;
    position: absolute;
    left: -.2rem;
    top: .5rem;
    width: 100%;
    background: #c93b37;
    z-index: 3;
    color: #fff;
    padding: .05rem .2rem;
    z-index: 99;
  }
  .p1_nav ul li.top_menu div.two_menu a {
    float: none;
    display: inline-block;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    font-size: .26rem;
    padding: 0;
    text-align: center;
    color: #fff;
  }
  .banner1 {
    width: 100%;
    height: auto;
    margin: .2rem auto;
    overflow: hidden;
  }
  .banner1 div.swiper-banner1 {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .banner1 div.swiper-view {
    width: 100%;
    height: auto;
  }
  .banner1 .swiper-slide a {
    width: 100%;
    height: auto;
  }
  .banner1 .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .xi_special {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: url(../images/red.png) no-repeat center center;
    background-position: bottom center;
    background-size: cover;
    margin: .2rem auto;
    padding: .2rem .2rem .3rem .2rem;
    overflow: hidden;
    position: relative;
    z-index: 9;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/red.png', sizingMethod='scale');
  }
  .toutiao {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    border: 1px solid #FDE2A2;
    behavior: url(../images/pie.htc);
    -webkit-border: 1px solid #FDE2A2;
    -o-border: 1px solid #FDE2A2;
    -moz-border: 1px solid #FDE2A2;
    margin: 0 auto;
  }
  .toutiao h3 {
    font-weight: 700;
    font-size: .48rem;
    line-height: 1.2;
    font-family: PingFangSC-Medium, Microsoft YaHei, SimSun;
    letter-spacing: -1px;
    margin: .2rem auto;
    padding: 0 .05rem;
    text-align: center;
    color: #333333;
  }
  .toutiao h3 span.tt {
    display: inline-block;
    width: 1rem;
    height: .48rem;
    background: url(../images/toutiao.png) no-repeat center center;
    background-size: cover;
    font-weight: 500;
    font-size: .32rem;
    line-height: .48rem;
    text-align: center;
    text-indent: .1rem;
    color: #ffffff;
    margin-left: .1rem;
  }
  .toutiao ul {
    text-align: center;
    margin-bottom: .2rem;
    display: flex;
    flex-wrap: wrap;
  }
  .toutiao ul li {
    float: none;
    display: block;
    font-size: .30rem;
    line-height: .36rem;
    text-align: left;
    color: #111111;
    background: url(../images/yellow.png) left no-repeat;
    background-position: left .10rem;
    padding-left: .2rem;
    letter-spacing: 0;
    margin: .1rem .2rem;
  }
  .zdtj_con {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: .3rem;
    background: #ffffff;
    height: auto;
    line-height: .6rem;
    text-align: center;
    vertical-align: middle;
  }
  .zdtj_con div.title {
    vertical-align: middle;
    display: block;
    float: none;
    height: auto;
    font-weight: 600;
    font-size: .36rem;
    line-height: .6rem;
    text-align: left;
    color: #111111;
    padding-right: 0;
  }
  .zdtj_con ul {
    vertical-align: middle;
    display: block;
    float: none;
    height: auto;
    max-width: 100%;
    text-align: center;
  }
  .zdtj_con ul li {
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    padding: 0 .2rem;
    display: block;
    float: none;
    font-size: .30rem;
    line-height: .5rem;
    color: #333333;
    background: url(../images/red_p.png) left no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .p1_focus {
    width: 100%;
    height: auto;
    background: #ffffff;
    margin: 0 auto;
  }
  .focus_left {
    float: none;
    width: 100%;
    height: 4rem;
    margin-left: 0;
    margin-top: .2rem;
    overflow: hidden;
  }
  .focus_left .swiper-interview {
    position: relative;
  }
  .focus_left .swiper-slide a {
    width: 7.1rem;
    height: 4rem;
    position: relative;
  }
  .focus_left .swiper-slide a img {
    width: 7.1rem;
    height: 4rem;
  }
  .focus_left .swiper-slide a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .8rem;
    background: url("../images/focus_back.png") no-repeat center center;
    font-size: .32rem;
    color: #fff;
    font-weight: 500;
    line-height: .8rem;
    text-indent: 1em;
  }
  .focus_left .swiper-pagination-interview {
    position: absolute;
    right: .1rem;
    top: 2.9rem;
    z-index: 9;
  }
  .focus_left span.swiper-pagination-switch {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    margin: 0 .05rem;
    cursor: pointer;
    /* background: #EEEEEE; */
    border: 1px solid #ffffff;
  }
  .focus_right {
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    padding: 0 .15rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
  }
  .focus_right .zdtj {
    width: 100%;
    height: .6rem;
  }
  .focus_right .zdtj a {
    float: right;
    display: block;
    width: auto;
    height: .6rem;
    margin-right: 0px;
    background: none;
    color: #999;
    line-height: .6rem;
  }
  .focus_right .lltj {
    margin-top: .2rem;
  }
  .focus_right h3 {
    float: left;
    font-weight: 600;
    font-size: .36rem;
    line-height: .6rem;
    text-align: left;
    color: #111111;
  }
  .focus_right ul li {
    width: 100%;
    height: .6rem;
    font-size: .30rem;
    line-height: .6rem;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .p3 {
    height: auto;
    margin-top: .2rem;
  }
  .p3 .banner2, .p3 .banner2a {
    width: 100%;
    height: auto;
    margin: .4rem auto .2rem;
  }
  .p3 .banner2 a.banner_img2:first-child img, .p3 .banner2 a.banner_img2_left img, .p3 .banner2a a.banner_img2:first-child img, .p3 .banner2a a.banner_img2_left img {
    float: none;
    display: block;
    width: 100%;
    height: auto;
  }
  .p3 .banner2 a.banner_img2:last-child img, .p3 .banner2 a.banner_img2_right img, .p3 .banner2a a.banner_img2:last-child img, .p3 .banner2a a.banner_img2_right img {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin-top: .2rem;
    /*display: none;*/
  }
  .p3_left {
    box-sizing: border-box;
    margin: .2rem auto 0;
    padding: 0 .2rem;
    width: 100%;
    height: auto;
    float: none;
  }
  .p3_left .p3_left_list {
    margin-top: .2rem;
  }
  .p3_left .p3_left_list li {
    width: 100%;
    font-size: .30rem;
    line-height: .6rem;
    margin-top: .1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .p3_left .p3_left_list li a {
    color: #333333;
    padding-left: .2rem;
    background: url(../images/red_p.png) left no-repeat;
  }
  .p3_left .slideTxtBox {
    width: 100%;
  }
  .p3_left .slideTxtBox .hd {
    height: .8rem;
    line-height: .8rem;
    background: rgba(236, 236, 236, 0.5);
    margin-top: .3rem;
  }
  .p3_left .slideTxtBox .hd ul {
    overflow: hidden;
    height: .8rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
  .p3_left .slideTxtBox .hd ul li {
    float: none;
    cursor: pointer;
    font-size: .30rem;
    color: #333333;
  }
  .p3_left .slideTxtBox .hd ul li:first-child {
    margin-left: 0;
  }
  .p3_left .slideTxtBox .hd ul li.p3_tab {
    margin: 0;
  }
  .p3_left .slideTxtBox .bd {
    margin-top: .2rem;
  }
  .p3_left .slideTxtBox .bd li {
    font-size: .30rem;
    line-height: .6rem;
    color: #333333;
    margin-top: .1rem;
    padding-left: .2rem;
    background: url(../images/red_p.png) left no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .p3_middle {
    margin: .2rem auto 0;
  }
  .p3_left_title {
    width: 100%;
    height: .8rem;
    border-bottom: 2px solid #ececec;
  }
  .p3_left_title h3 {
    float: left;
    font-size: .36rem;
    font-weight: 600;
    line-height: .8rem;
    color: #333333;
    border-bottom: 2px solid #c22800;
    padding-left: .5rem;
    background: url(../images/two.png) left no-repeat;
  }
  .p3_left_title a {
    float: right;
    font-size: .24rem;
    line-height: .8rem;
    color: #999;
  }
  .p3_bottom_right {
    margin-top: .2rem;
  }
  .p3_bottom_right p {
    display: flex;
    background: #f7f9ff;
  }
  .p3_bottom_right p img {
    float: none;
    width: 3.54rem;
    height: 1.96rem;
  }
  .p3_bottom_right p span {
    display: block;
    float: none;
    box-sizing: border-box;
    width: auto;
    height: auto;
    background: #f7f9ff;
    font-size: .30rem;
    line-height: .6rem;
    color: #333333;
    padding: .3rem;
  }
  .p3_bottom_right ul {
    margin-top: 0;
  }
  .p3_bottom_right ul li {
    font-size: .30rem;
    line-height: .6rem;
    color: #333333;
    margin-top: .1rem;
    padding-left: .2rem;
    background: url(../images/red_p.png) left no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .p2 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    background-size: cover;
    overflow: hidden;
  }
  .p2 > .w1180 {
    width: 7.5rem;
    margin-top: 0.4rem !important;
    overflow: hidden !important;
  }
  .p2 > .w1180 img {
    display: block;
    width: 180%;
    transform: translateX(-22%);
    height: auto;
  }
  .p2_top {
    width: 100%;
    margin: 0 auto 0;
  }
  .p2_top_left {
    width: 100%;
    height: auto;
    margin: .4rem auto 0;
    float: none;
  }
  .p2_top_left_ldr {
    width: 100%;
    height: .8rem;
    background: url(../images/jianbian.png) no-repeat center center;
    background-size: cover;
  }
  .p2_top_left_ldr h3 {
    float: left;
    font-weight: 600;
    font-size: .36rem;
    line-height: .8rem;
    text-align: left;
    color: #c22800;
    text-indent: 1em;
  }
  .p2_top_left_ldr a {
    float: right;
    font-size: .24rem;
    line-height: .8rem;
    text-align: left;
    color: #c22800;
    margin-right: .3rem;
  }
  .top_left_article {
    box-sizing: border-box;
    padding: 0 .2rem;
    width: 100%;
    height: auto;
    background: #ffffff;
    border: none;
    box-shadow: none;
    overflow: hidden;
  }
  .article_book {
    width: 100%;
    height: auto;
    margin: .4rem auto;
  }
  .article_book img {
    float: left;
    width: 1.58rem;
    height: 2.14rem;
    margin-right: .4rem;
  }
  .article_book h2 {
    font-size: .32rem;
    line-height: .8rem;
    font-weight: 500;
    text-align: left;
    color: #333333;
  }
  .article_book .article_time {
    height: auto;
  }
  .article_book .article_time span {
    font-size: .28rem;
    text-align: left;
    color: #666666;
    line-height: .5rem;
  }
  .article_content {
    width: 100%;
    font-size: .28rem;
    line-height: .5rem;
    text-align: justify;
    color: #666666;
    text-indent: 2em;
    margin: 0px auto;
  }
  .article_list {
    width: 100%;
    height: .8rem;
    border-top: 1px dashed rgba(169, 169, 169, 0.3);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: justify;
    box-sizing: border-box;
    line-height: .8rem;
    margin-top: .2rem;
    cursor: pointer;
  }
  .p2_top .middle {
    margin: .4rem auto 0;
  }
  .top_middle h3 {
    font-size: .36rem;
    line-height: .8rem;
    color: #c93b37;
    text-align: center;
    margin: .2rem auto 0;
  }
  .top_middle ul {
    width: 100%;
    margin: 0 auto;
  }
  .top_middle ul li {
    width: 100%;
    height: auto;
    margin-top: .3rem;
    overflow: hidden;
  }
  .top_middle ul li img {
    float: left;
    width: 1.82rem;
    height: 2.56rem;
    border: 1px solid #e4e4e4;
    margin-right: .3rem;
  }
  .top_middle ul li h2 {
    font-size: .30rem;
    font-weight: 500;
    text-align: left;
    color: #333333;
    line-height: .4rem;
    margin: .2rem auto;
  }
  .top_middle ul li p {
    font-size: .28rem;
    text-align: left;
    color: #333333;
    line-height: .34rem;
  }
  .p2_top_right ul {
    width: 100%;
    margin: 0 auto;
  }
  .p2_top_right ul li {
    overflow: hidden;
    margin-top: .3rem;
  }
  .p2_top_right ul li:first-child {
    margin-top: .3rem;
  }
  .p2_top_right ul li img {
    float: left;
    width: 2.16rem;
    height: 2.96rem;
    border: 1px solid #e4e4e4;
    margin-right: .3rem;
  }
  .p2_top_right ul li h2 {
    font-size: .30rem;
    font-weight: 500;
    color: #333333;
    line-height: .4rem;
    margin: .2rem auto;
  }
  .p2_top_right ul li p {
    font-size: .28rem;
    text-align: left;
    color: #666666;
    line-height: .34rem;
  }
  .p2_bottom {
    width: 100%;
    margin: 0 auto;
  }
  .p2_bottom_left {
    width: 100%;
    height: auto;
    margin: .4rem auto 0;
    float: none;
  }
  .p2_bottom_title {
    width: 100%;
    height: .8rem;
    background: url(../images/jianbian.png) no-repeat center center;
    background-size: cover;
  }
  .p2_bottom_title h3 {
    float: left;
    font-size: .36rem;
    font-weight: 600;
    text-align: left;
    color: #c22800;
    line-height: .8rem;
    text-indent: 1em;
  }
  .p2_bottom_title a {
    float: right;
    font-size: .24rem;
    text-align: left;
    color: #c22800;
    line-height: .8rem;
    margin-right: .3rem;
  }
  .p2_bottom_article {
    box-sizing: border-box;
    padding: 0 .2rem;
    width: 100%;
    height: auto;
    background: #ffffff;
    border: none;
    box-shadow: none;
    overflow: hidden;
  }
  .p2_bottom_article ul {
    width: auto;
    margin: 0 auto;
  }
  .p2_bottom_article ul li {
    overflow: hidden;
    margin-top: .3rem;
  }
  .p2_bottom_article ul li img {
    float: left;
    width: 2.1rem;
    height: 2.58rem;
    border: 1px solid #e4e4e4;
    margin-right: .3rem;
  }
  .p2_bottom_article ul li h2 {
    font-size: .30rem;
    font-weight: 500;
    color: #333333;
    line-height: .4rem;
    margin: .2rem auto;
  }
  .p2_bottom_article ul li p {
    font-size: .28rem;
    color: #666666;
    line-height: .34rem;
  }
  .p2_bottom_middle {
    margin: .4rem auto 0;
  }
  .p4_left {
    box-sizing: border-box;
    padding: 0 .2rem;
    width: 100%;
    height: auto;
    float: none;
  }
  .p4_focus {
    width: 100%;
    height: 4rem;
    background: #f8f8f8;
    margin-top: .3rem;
  }
  div.swiper-focus {
    width: 100%;
    max-width: 7.4rem;
    height: 4rem;
    position: relative;
    overflow: hidden;
  }
  div.swiper-focus div.swiper-pagination-focus {
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 370px;
    text-align: center;
  }
  div.swiper-focus div.swiper-pagination-focus span {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #D6D8E3;
    text-align: center;
    border-radius: 50%;
  }
  div.swiper-focus div.swiper-pagination-focus span.swiper-active-switch {
    background: #8D91AA;
    color: #fff;
  }
  .slide_list {
    width: 6.6rem;
    height: 3rem;
    margin: .4rem auto 0;
  }
  .slide_list img {
    float: left;
    width: 1.92rem;
    height: 2.66rem;
    box-shadow: 0px 2px 11px 0px rgba(141, 145, 170, 0.38);
    margin-right: .3rem;
  }
  .slide_list h3 {
    font-size: .30rem;
    line-height: .4rem;
    color: #333333;
    margin: .1rem 0 0 0;
  }
  .slide_list p {
    margin-top: .3rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #8d91aa;
  }
  .p4_right {
    box-sizing: border-box;
    padding: 0 .2rem;
    float: right;
    width: 100%;
    height: auto;
    margin-top: .2rem;
  }
  .p4_left_title {
    width: 100%;
    height: .8rem;
    border-bottom: 2px solid #ececec;
  }
  .p4_left_title h3 {
    float: left;
    font-size: .36rem;
    font-weight: 600;
    color: #333333;
    line-height: .8rem;
    border-bottom: 2px solid #c22800;
    padding-left: .5rem;
    background: url(../images/two.png) left no-repeat;
  }
  .p4_right_list {
    width: 100%;
    height: auto;
    background: #F8F8F8;
    margin-top: .2rem;
    overflow: hidden;
  }
  .p4_right_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: .2rem 0;
  }
  .p4_right_list ul li {
    float: left;
    margin-left: 0;
    margin-top: .2rem;
    margin-bottom: .2rem;
    width: 2.3rem;
    height: 3rem;
    box-shadow: 0px 2px 18px 0px rgba(141, 145, 170, 0.3);
    position: relative;
  }
  .p4_right_list ul li:first-child {
    margin-left: 0;
  }
  .p4_right_list ul li img {
    width: 100%;
    height: 100%;
  }
  .p4_right_list ul li div.book_bg {
    width: 100%;
    height: .96rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #c93b37;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
  }
  .p4_right_list ul li div.book_bg p.name {
    font-size: .24rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: .32rem;
    margin-top: .15rem;
  }
  .p4_right_list ul li div.book_bg p.time {
    font-size: .20rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: .28rem;
    margin-top: .07rem;
    transform: scaleX(0.85);
    -webkit-transform: scaleX(0.85);
    -moz-transform: scaleX(0.85);
  }
  .p5 {
    margin: .4rem auto 0;
  }
  .p5_video {
    box-sizing: border-box;
    padding: 0 .2rem;
    width: 100%;
    height: auto;
  }
  .p5_video ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p5_video ul li {
    width: 49%;
    height: auto;
    margin-top: .3rem;
    position: relative;
    margin-left: 0;
    float: left;
  }
  .p5_video ul li:first-child {
    margin-left: 0;
  }
  .p5_video ul li img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .p5_video ul li p.p5_title {
    font-size: .30rem;
    line-height: .4rem;
    font-weight: 500;
    color: #333333;
  }
  .p5_video ul li p.p5_abstract {
    font-size: .28rem;
    color: #666;
    line-height: .36rem;
  }
  .p5_video ul li i {
    position: absolute;
    top: .6rem;
    left: 50%;
    transform: translate(-50%, 0%);
    display: block;
    width: .74rem;
    height: .74rem;
    background: url(../images/play.png) no-repeat center center;
  }
  .p5_video_title {
    width: 100%;
    height: .8rem;
    border-bottom: 2px solid #ececec;
  }
  .p5_video_title h3 {
    float: left;
    font-size: .36rem;
    font-weight: 600;
    color: #333333;
    line-height: .8rem;
    border-bottom: 2px solid #c22800;
    padding-left: .5rem;
    background: url(../images/two.png) left no-repeat;
  }
  .p5_video_title a {
    float: right;
    font-size: .24rem;
    color: #999;
    line-height: .8rem;
  }
  .footer {
    width: 100%;
    height: auto;
    min-height: initial;
    margin-top: .3rem;
  }
  .friendLink {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: #FFEBCF;
    border: 1px solid #ffce8b;
    border-left: none;
    border-right: none;
    padding: .2rem .2rem .4rem;
  }
  .friendLink .friendLink_title {
    float: none;
  }
  .friendLink .friendLink_title h3 {
    float: none;
    font-weight: 600;
    font-size: .36rem;
    line-height: .6rem;
    color: #333333;
    margin-top: 0;
    border-bottom: 2px solid #c22800;
    padding-left: .5rem;
    background: url(../images/two.png) left no-repeat;
  }
  .friendLink ul {
    display: block;
    float: none;
    margin-top: .1rem;
    overflow: hidden;
  }
  .friendLink ul li {
    display: block;
    height: auto;
    float: left;
    padding: 0;
    border-left: none;
    font-size: .26rem;
    line-height: 2;
    font-family: SimSun;
    text-align: left;
    color: #333;
    display: flex;
    flex-wrap: wrap;
  }
  .friendLink ul li a {
    display: block;
    color: #333;
    padding: 0 .1rem 0 0;
  }
  .friendLink div.ewm {
    display: block;
    float: none;
    margin-top: .2rem;
    margin-right: 0;
    text-align: center;
  }
  .friendLink_list {
    width: 100%;
  }
  .copy {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/back1.png) no-repeat center center;
    background-size: cover;
  }
  .copy .copy_list {
    width: 100%;
    height: auto;
    margin: .4rem auto;
    text-align: center;
  }
  .copy .copy_list img {
    float: left;
    width: 1.6rem;
    height: 1.6rem;
  }
  .copy .copy_list p {
    font-size: .24rem;
    line-height: 2;
    color: #333333;
  }
}